<!DOCTYPE html>
<html>

	<head>
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0,user-scalable=no,minimal-ui">
		<meta charset="utf-8" />
		<title>京东首页</title>
		<link href="css/style.css" rel="stylesheet" />
	</head>

	<body>
		<div class="top">
			<div class="mask"></div>
			<img src="img/banner-1.jpg" />
			<div class="imgnav">
				<span></span>
				<span></span>
				<span></span>
				<span class="now"></span>
				<span></span>
				<span></span>
				<span></span>
				<span></span>
			</div>
			<div class="top_search clearfix">
				<div class="search_input fl"><input type="text" placeholder="360京东超级品牌日，领券最高减600 " /></div>
				<div class="login fr">
					<a href="#">登录</a>
				</div>
				<div class="icon">
					<img class="jd_icon" src="" />
					<img class="search_icon" src="" />
				</div>
			</div>
		</div>
		<div class="row"><img src="img/bgimg1.jpg"/></div>
		<div class="jd_nav">
			<ul class="clearfix">
				<li>
					<div class="img"><img src="img/img1.png" /></div>
					<div class="txt"><a href="#">京东超市</a></div>
				</li>
				<li>
					<div class="img"><img src="img/img2.png" /></div>
					<div class="txt"><a href="#">全球购</a></div>
				</li>
				<li>
					<div class="img"><img src="img/img3.png" /></div>
					<div class="txt"><a href="#">京东服饰</a></div>
				</li>
				<li>
					<div class="img"><img src="img/img4.png" /></div>
					<div class="txt"><a href="#">京东生鲜</a></div>
				</li>
				<li>
					<div class="img"><img src="img/img5.png" /></div>
					<div class="txt"><a href="#">京东到家</a></div>
				</li>
				<li>
					<div class="img"><img src="img/img6.png" /></div>
					<div class="txt"><a href="#">充值缴费</a></div>
				</li>
				<li>
					<div class="img"><img src="img/img7.png" /></div>
					<div class="txt"><a href="#">领京豆</a></div>
				</li>
				<li>
					<div class="img"><img src="img/img8.png" /></div>
					<div class="txt"><a href="#">领券</a></div>
				</li>
				<li>
					<div class="img"><img src="img/img9.png" /></div>
					<div class="txt"><a href="#">赚钱</a></div>
				</li>
				<li>
					<div class="img"><img src="img/img10.png" /></div>
					<div class="txt"><a href="#">物流查询</a></div>
				</li>
			</ul>
		</div>
		<div class="row"><img src="img/bgimg-3.jpg"/></div>
		<div class="jd_hot clearfix">
			<div class="img jd_new fl"><img src="img/jd-news-tit.png" /></div>
			<div class="hot fl"><a href="#"><span> 热门</span> 这样吃鸡，再也不怕吃人头了</a></div>
			<div class="txt jd_more fr"><a href="#"><span>|</span> 更多</a></div>
		</div>
		<div class="jd_miaosha">
			<div class="jd_miaosha top clearfix">
				<div class="fl">
					<div class="miaosha fl">
						<img src="img/skill.png" />
					</div>
					<div class="time fl">
						<strong>18:00点场 </strong>00:02:50
					</div>
				</div>
				<div class="fr">
					<div class="jx fl">京选尖货秒</div>
					<div class="fl icon"><img src="img/arrow_rt.png"></div>
				</div>
			</div>
			<div class="item">
				<ul class="clearfix">
					<li>
						<div class="img_miaosha"><img src="https://m.360buyimg.com/mobilecms/s220x220_jfs/t15733/195/418004131/183544/6548d67b/5a3089f8Nce70c1f8.jpg!q70.jpg" /></div>
						<div class="price">
							<a href="#">¥48</a>
							<p>¥158</p>
						</div>
					</li>
					<li>
						<div class="img_miaosha"><img src="https://m.360buyimg.com/mobilecms/s220x220_jfs/t16381/351/173379918/116900/d62716b0/5a2a00a8N96e0dfce.jpg!q70.jpg" /></div>
						<div class="price">
							<a href="#">3000</a>
							<p>¥4500</p>
						</div>
					</li>
					<li>
						<div class="img_miaosha"><img src="https://m.360buyimg.com/mobilecms/s220x220_jfs/t14092/276/1821826974/204756/7941ff0f/5a2a3aeeNd77492e1.jpg!q70.jpg" /></div>
						<div class="price">
							<a href="#">¥38</a>
							<p>¥128</p>
						</div>
					</li>
					<li>
						<div class="img_miaosha"><img src="https://m.360buyimg.com/mobilecms/s220x220_jfs/t14431/321/245400284/114372/88e09119/5a27a9ffNe080dd49.jpg!q70.jpg" /></div>
						<div class="price">
							<a href="#">¥36</a>
							<p>¥130</p>
						</div>
					</li>
					<li>
						<div class="img_miaosha"><img src="https://m.360buyimg.com/mobilecms/s220x220_jfs/t12877/14/1708075046/196095/9dca0061/5a277a3eNb9d4d6be.jpg!q70.jpg" /></div>
						<div class="price">
							<a href="#">¥198</a>
							<p>¥398</p>
						</div>
					</li>
					<li>
						<div class="img_miaosha"><img src="https://m.360buyimg.com/mobilecms/s220x220_jfs/t5719/179/6562208544/508767/97f6f305/596b01a4N4bbbac98.jpg!q70.jpg" /></div>
						<div class="price">
							<a href="#">¥38</a>
							<p>¥158</p>
						</div>
					</li>
					<li>
						<div class="img_miaosha"><img src="https://m.360buyimg.com/mobilecms/s220x220_g15/M0A/18/07/rBEhWVKUETsIAAAAAAIDuAdNkm0AAF8VgH4gnIAAgPQ202.jpg!q70.jpg" /></div>
						<div class="price">
							<a href="#">¥2000</a>
							<p>¥3880</p>
						</div>
					</li>
				</ul>
			</div>
		</div>
			<div class="bottom">
				<ul class="clearfix">
					<li><span><img src="//st.360buyimg.com/m/images/index/a-home.png" /></span></li>
					<li><span><img src="//st.360buyimg.com/m/images/index/n-catergry.png" /></span></li>
					<li><span><img src="//st.360buyimg.com/m/images/index/n-find.png" /></span></li>
					<li><span><img src="//st.360buyimg.com/m/images/index/n-cart.png" /></span></li>
					<li><span><img src="//st.360buyimg.com/m/images/index/n-me.png" /></span></li>
				</ul>
			</div>
		</div>
	</body>

</html>